<template>
  <div class="main">
    <index-header>
      <div class="title-main">教学网站群</div>
      <div class="title">河北大学计算机教学部</div>
      <div><img src="@/assets/img/zhuke.jpg" /></div>
    </index-header>
    <items>
      <item v-for="i in $store.getters.getUrl" :key="i.name" :name="i.name" :url="i.url"></item>
    </items>
    <index-footer>
      <div>版权归属于各网站所有人，只允许在河北大学内网访问</div>
      <div>站群/服务器维护：Dragon</div>
      <div>冀ICP备05007415号</div>
    </index-footer>
  </div>
</template>

<script>
import indexHeader from "../components/index/mheader";
import items from "../components/index/items";
import item from "../components/index/item";
import indexFooter from "../components/index/mfooter";

export default {
  name: "index",
  components: {
    indexHeader,
    items,
    item,
    indexFooter,
  },
};
</script>

<style scoped>
.main {
  background: #666;
  text-align: center;
}

.main img{
  max-width:100%;
  height: auto;
}
</style>